<?xml version='1.0' encoding='UTF-8' ?>
<!DOCTYPE composition PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<ui:composition xmlns:ui="http://xmlns.jcp.org/jsf/facelets"
                template="./../../resources/estoque.xhtml"
                xmlns:h="http://xmlns.jcp.org/jsf/html"
                xmlns:p="http://primefaces.org/ui"
                xmlns:f="http://xmlns.jcp.org/jsf/core"
                xmlns="http://www.w3.org/1999/xhtml">

    <ui:define name="content">
        <h:outputStylesheet library="css" name="estilo.css" />
        <h:outputScript library="js" name="javaScript.js" />
        <p:separator />
        <div class="pagina">
            Cadastro de Produto
        </div>        
        <p:separator />
        <h:form id="frmProduto">
            <p:growl id="msg1" />
            <h:inputHidden value="#{mbProduto.produto.idProduto}" />
            <h:panelGrid columns="2">
                <h:outputLabel for="descricao" value="Descrição.:" styleClass="lb" />
                <h:inputText id="descricao" value="#{mbProduto.produto.descricao}" styleClass="tx" onkeyup="this.value = this.value.toUpperCase()" size="50" required="true" requiredMessage="Descrição do produto e obrigatorio"/>
                <h:outputLabel for="unidade" value="Unidade.:" styleClass="lb" />
                <h:selectOneMenu id="unidade" value="#{mbProduto.produto.unidade}" styleClass="tx">
                    <f:selectItem itemLabel="-" itemValue="" />
                    <f:selectItem itemLabel="CX" itemValue="CX" />
                    <f:selectItem itemLabel="FR" itemValue="FR" />
                    <f:selectItem itemLabel="G" itemValue="G" />
                    <f:selectItem itemLabel="KG" itemValue="KG" />
                    <f:selectItem itemLabel="LT" itemValue="LT" />                    
                    <f:selectItem itemLabel="UND" itemValue="UND" />
                </h:selectOneMenu>
                <h:outputLabel for="qtde" value="Qtde.:" styleClass="lb" />
                <h:inputText id="qtde" value="#{mbProduto.produto.estoque}" styleClass="tx" readonly="true" />
                <h:outputLabel for="critico" value="Est. Mínimo.:" styleClass="lb" />
                <h:inputText id="critico" value="#{mbProduto.produto.critico}" styleClass="tx">
                    <f:convertNumber type="number" />
                </h:inputText>
                <p:commandButton value="Cancelar" action="#{mbProduto.cancelarAlteracao}" update="@form" ajax="false" />
                <p:commandButton value="Salvar" action="#{mbProduto.salvarProduto}" update="@form :frmTable" ajax="false" />
            </h:panelGrid>
        </h:form>
        <p:separator />
        <h:form id="frmPesqHospede">
            <fieldset>
                <legend style="font-size: 18px; color: #D20005">Pesquisar Produto</legend>
                <h:panelGrid columns="3">                   
                    <h:outputLabel value="Produto.:" styleClass="lb" style="float: left;"/>
                    <h:inputText value="#{mbProduto.pesquisa}" onkeyup="this.value = this.value.toUpperCase()" 
                                 styleClass="tx" style="color: #D20005;" size="40">                
                    </h:inputText>
                    <p:commandLink action="#{mbProduto.pesquisaProduto}" update=":frmTable" title="Click para realizar a pesquisa" ajax="false">
                        <h:graphicImage library="img" name="lupa2.bmp" />
                    </p:commandLink>
                </h:panelGrid>
            </fieldset>
        </h:form>
        <p:separator />
        <h:form id="frmTable">
            <p:dataTable value="#{mbProduto.produtos}" var="p" rendered="#{mbProduto.produtos.size() > 0}">
                <p:column headerText="Cod" style="text-align: left; font-size: 12px;" width="25">
                    <h:outputText value="#{p.idProduto}" styleClass="txt"/>
                </p:column>
                <p:column headerText="Descrição" style="text-align: left; font-size: 12px;" width="200">
                    <h:outputText value="#{p.descricao}" styleClass="txt"/>
                </p:column>
                <p:column headerText="Unidade" style="text-align: center; font-size: 12px;" width="25">
                    <h:outputText value="#{p.unidade}" styleClass="txt"/>
                </p:column>
                <p:column headerText="Estoque" style="text-align: center; font-size: 12px;" width="25">
                    <h:outputText value="#{p.estoque}" styleClass="txt" rendered="#{not (p.estoque >= p.critico)}" style="color: red; font-weight: bold;" />
                    <h:outputText value="#{p.estoque}" styleClass="txt" rendered="#{p.estoque >= p.critico}" />
                </p:column>
                <p:column headerText="Est. Critico" style="text-align: center; font-size: 12px;" width="50">
                    <h:outputText value="#{p.critico}" styleClass="txt" />
                </p:column>
                <p:column headerText="Alterar" style="text-align: center; font-size: 12px;" width="50">
                    <p:commandLink action="#{mbProduto.alterarProduto(p)}" ajax="false" update=":frmProduto">
                        <h:graphicImage name="edicao.png" library="img" />
                    </p:commandLink>
                </p:column>
            </p:dataTable>
        </h:form>
    </ui:define>

</ui:composition>
